<%--
  Created by IntelliJ IDEA.
  User: yangtao
  Date: 2021-09-07
  Time: 11:14
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>

<div class="">
    <div class="">
        <div class="tile">
            <div class="table-responsive">
                <table class="table table-hover table-toolbar table-bordered table-striped" id="caseTable">
                    <thead>
                    <tr>
                        <th rowspan="2">序号</th>
                        <th rowspan="2">井号</th>
                        <th rowspan="2">所属单位</th>
                        <th rowspan="2">区块名称</th>
                        <th colspan="3">目的层</th>

                        <th rowspan="2">开钻日期</th>
                        <th rowspan="2">完钻日期</th>

                    </tr>
                    <tr>
                        <th>岩性</th>
                        <th>深度</th>
                        <th>流体类型</th>
                    </tr>
                    </thead>
                    <tbody>
                    <c:forEach items="${wellInfos}" var="casepage" varStatus="vst">
                        <tr>
                            <td>${vst.count}</td>
                            <td><a href="javascript:getInfo(${casepage.wellid})">${casepage.wellnum}</a>
                            </td>
                            <td>${casepage.proprietor}</td>
                            <td>${casepage.area}</td>
                            <td>${casepage.mdcyx}</td>
                            <td>${casepage.mdcsd}</td>
                            <td>${casepage.mdcltlx}</td>
                            <td>${casepage.begindate}</td>
                            <td>${casepage.enddate}</td>
                        </tr>
                    </c:forEach>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>

<script type="text/javascript">
    $(document).ready(function () {
        $('#caseTable').dataTable({
            "paging": true,
            "lengthChange": true,
        });
    });

    function getInfo(wellid) {
        $(".app-content").load("${ctx}/well/wellinfo/" + wellid);
    }

</script>